<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title></title>
    <link href="css/common.css" rel="stylesheet"/>
    <link rel="stylesheet" href="fonts/iconfont.css" />
    <link rel="stylesheet" href="css/mui.min.css" />
    <link rel="stylesheet" href="css/mui.picker.min.css" />
    <style type="text/css">
		.add{
			height: 100px;
			width: 100%;
			background: #fff;
			padding: 10px 15px;
			margin-top: 10px;
		}
		.add img{
			width: 40px;
		}
		.sub-btn{
			text-align: center;
			width: 100%;
			height: 50px;
			color: #fff;
			background: #3CA3FF;
			line-height: 50px;
			font-size: 2rem;
			margin-top: 20px;
		}
		textarea{
			border: none;
			font-size: 1.4rem;
		}
    </style>
</head>
<body>
	<header class="nav">
		<i class="iconfont icon-fanhui" style="float: left;"></i>
	    <span>创办事项</span>
	</header>
	<div class="content" style="background: transparent;">
		<form action="">
			<div class="input-group" data-tap-disabled='true'>
				<label>事项类型：</label>
				<select id="types" name="" style="direction: rtl;padding-right: 11%;">
					<option>请选择</option>
					<option value="">类型1</option>
					<option value="">类型2</option>
				</select>
			</div>
			<div class="input-group">
				<label>标题：</label>
				<input type="" name="" id="" value="" placeholder="事项标题(必填)"/>
			</div>
			<div class="input-group">
				<label>文号：</label>
				<input type="" name="" id="" value="" placeholder="文号(非必填)"/>
			</div>
			<div class="input-group">
				<label>内容概述:</label>
			</div>
			<textarea name="" rows="" cols=""></textarea>
		</form>
		<form action="" style="margin-top: 10px;">
			<div class="input-group">
				<label style="width: 65%;color: #333;">是否列入"两单一表"专项督查事项</label>
				<div style="display: inline-block;"><input name="two" type="radio"/>是 </div>
                <div style="display: inline-block;"><input name="two" type="radio"/>否</div>
			</div>
		</form>
		<div>
			<p style="margin: 10px 15px;">承办对象：</p>
		</div>
		<form action="">
			<div class="input-group">
				<label>市领导：</label>
				<input type="" name="" id="" value="" data='123' class="multiple"/>
			</div>
			<div class="input-group">
				<label>承办人：</label>
				<input type="" name="" id="" value="" data='245' class="multiple"/>
				<i class="iconfont icon-xiangqing"></i>
			</div>
		</form>
		<form action="" style="margin-top: 10px;">
			<div class="input-group">
				<label>办理期限：</label>
				<input type="text" class="date-select" data-options='{}'value="2017-10-10 10:10" >
			</div>
			<div class="input-group">
				<label>审批人员：</label>
				<select  name="" style="direction: rtl;padding-right: 11%;">
					<option>请选择</option>
					<option value="">领导1</option>
					<option value="">领导2</option>
				</select>
			</div>
			<div class="input-group">
				<label>抄送市领导：</label>
				<select  name="" style="direction: rtl;padding-right: 11%;">
					<option>请选择</option>
					<option value="">领导1</option>
					<option value="">领导2</option>
				</select>
			</div>
			<div class="input-group">
				<label>备注:</label>
			</div>
			<textarea name="" rows="" cols="">00字以内说明情况00字以内说明情况00字以内说明情况00字以内说明情况00字以内说明情况00字以内说明情况00字以内说明情况00字以内说明情况00字以内说明情况00字以内说明情况00字以内说明情况可承受的疯狂拉升讲道理三</textarea>
			<textarea name="" rows="" cols="">00字以内说明情况00字以内说明情况00字以内说明情况00字以内说明情况00字以内说明情况00字以内说明情况00字以内说明情况00字以内说明情况00字以内说明情况00字以内说明情况00字以内说明情况可承受的疯狂拉升讲道理三</textarea>
			<textarea name="" rows="" cols="">00字以内说明情况00字以内说明情况00字以内说明情况00字以内说明情况00字以内说明情况00字以内说明情况00字以内说明情况00字以内说明情况00字以内说明情况00字以内说明情况00字以内说明情况可承受的疯狂拉升讲道理三</textarea>
			
		</form>
		<div class="add">
			<p>附件添加:</p>
			<img src="img/add_03.png"/>
		</div>
		<div class="sub-btn">
			提交
		</div>
	</div>
    <script type="text/javascript" src="bootstrap/js/jquery.min.js" ></script>
    <script type="text/javascript" src="js/mui.min.js" ></script>
    <script type="text/javascript" src="js/mui.picker.min.js" ></script>
    <script src="js/common.js"></script>
    <script type="text/javascript">

        $(document).ready(function(){
			$('textarea').each(function(){
				console.log($(this).height);
				$(this).height($(this).prop("scrollHeight"));
			
				
			})
	        $('.multiple').each(function(){
	        	/*判断是否有与自己id对应的值，有则渲染上去*/
	        	console.log(sessionStorage.getItem($(this).attr('data')));
	        	if(sessionStorage.getItem($(this).attr('data'))){
	        		$(this).val(sessionStorage.getItem($(this).attr('data')));
	        	}
	        })
        	$('.multiple').click(function(){
        		console.log($(this).attr('data'));
        		/*储存自己的id,传入选人页面*/
        		sessionStorage.setItem('pid',$(this).attr('data'));
        		if($(this).val()!=''){
        			/*如果已有选择的人也进行储存*/
        			sessionStorage.setItem('checked',$(this).val());
        		}
        		window.location.href='chaoson.html';
        	})
        	$('.sub-btn').click(function(){
        		
        		/*提交操作完成后清除数据（非必要）*/
        		sessionStorage.clear();
        	})
        })
    </script>
</body>
</html>